<template>
	<view class="container">
		<view class="img_b">
			<image class="img" src="https://beihai-food.oss-cn-beijing.aliyuncs.com/20.png" mode="widthFix"></image>
		</view>
		<view class="content">
			<view class="">
				客服电话
			</view>
			<view class="m-t10">
				{{phone}}
			</view>
			<view class="m-t14">
				<view class="">
					很抱歉给您带来不便，
				</view>
				<view class="">
					您反馈的问题，会尽快为您处理。
				</view>
			</view>
			<view class="footer">
				<button class="confirm-btn cu-btn bg-green round" @click="makePhoneCall">拨号</button>
			</view>
		</view>

	</view>
</template>

<script>
	export default {
		name: '',
		components: {},
		props: {
			phone:{
				type:String,
				default:''
			}

		},
		methods: {
			makePhoneCall() {
				
				let phoneArray = this.phone.split("；");
				console.log(phoneArray[0])

				uni.makePhoneCall({
					phoneNumber: phoneArray[0] //仅为示例
				});
			}

		}
	}
</script>

<style scoped lang="scss">
	.container {

		// height: 500rpx;
		.img_b {
			width: 640rpx;
			height: 300rpx;

			.img {
				width: 100%;
				height: 100%;
			}
		}

		.content {
			padding-top: 80rpx;
			// padding-bottom: 40rpx;
			margin-top: -60rpx;
			width: 640rpx;
			// height: 400rpx;
			background-color: #fff;
			border-radius: 36rpx;
			text-align: center;
		}

		.footer {
			text-align: center;
			margin-top: 40rpx;
			padding: 20rpx 20rpx 40rpx;

			.confirm-btn {
				width: 278rpx;
				height: 70rpx;
			}
		}
	}
</style>